.co-header {
  background-color: #fff;
  padding: 10rpx 20rpx;
  font-size: 32rpx;
  display: flex;
  box-sizing: border-box;
  position: relative;
  //top: 0;
  //z-index: 1000;
  //width: 100%;
  height: 90rpx;
  display: flex;
  align-items: center;
  box-shadow: 0 5rpx 2rpx rgba(204, 204, 204, 0.3);

  .co-header-location {
    display: flex;
    width: 40%;
    align-items: center;
    font-size: 28rpx;
    justify-content: space-around;

    .icon-map {
      margin-right: 5PX;
      font-size: 30rpx;
    }

    .icon-RectangleCopy {
      font-size: 60rpx;
    }

    .city {
      margin-right: 5PX;
    }

    .dis,
    .city {
      flex: 1;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      text-align: center;
    }
  }

  .co-header-search {
    margin-left: auto;
    display: flex;
    height: 60rpx;
    width: 380rpx;

    .input-wrapper {
      display: flex;
      background-color: #F1F1F1;
      border-radius: 30rpx;
      align-items: center;
      padding: 0 46rpx 0 20rpx;

      input {
        font-size: 28rpx;
      }

      .icon-search {
        font-size: 40rpx;
        margin-right: 15rpx;
      }
    }

    .qr-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 10rpx;

      text {
        font-size: 50rpx;
      }
    }
  }
}

.app_img {
  position: absolute;
  top: 92rpx;
  right: 0;
  z-index: 999;
  width: 50%;

  image {
    width: 100%;
  }
}